<template>
	<view>
		<view class="bg-white margin padding radius" >
			<view class="solid-bottom padding-bottom">
				商品详情
			</view>
			<view>
				<view class="margin-top flex" v-for="(item,index) in orderDetail">
					<image :src="item.img" mode="aspectFill" style="width: 250rpx;height: 200rpx;" class="radius bg-gray"></image>
					<view style="width: 370rpx;">
						<view class=" rowsb margin-left-sm onelineshow">
							<view class="">{{item.title}}</view>
							<view>{{item.price}}￥</view>
							
						</view>
						<view class="flex text-sm">
						<view class="margin-left-sm bg-gray " style="padding: 3rpx 10rpx;border-radius: 3rpx;">
							规格：{{item.spec}}
						</view>
						</view>
						<view class="justify-end margin-top">
							X{{item.num}}
						</view>
					</view>
				</view>
				<view class="rowsb padding-tb  ">
					<view>订单总价</view>
					<view class="text-red ">￥{{total}}</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		props: {
			orderDetail: Array,
			total:String
		},
	}
</script>

<style>
</style>
